<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>问题平台--未来财经旗下p2p网贷门户</title>
<meta name="keywords" content="网贷,P2P网贷,P2P理财,未来网贷">
<meta name="description" content="未来网贷未来财经旗下的P2P网贷理财行业门户网站，提供全方位、权威的网贷平台数据，是您身边的网贷资讯和P2P理财方面的专家,为您的网贷之路保驾护航">
<!--网贷数据汇总-->

   <div class="guanjianci" >
        <a href="javascript:void(0);" id="date">
           <b>时间：</b>
           <span id="time">问题时间</span>
           <i class="close" value="1"></i>
        </a>
        <a href="javascript:void(0);" id="diqu">
           <b>地区：</b>
           <span id="area">全国</span>
           <i class="close" value="2"></i>
        </a>
        <a href="javascript:void(0);" id="shijian">
           <b>事件类型：</b>
           <span id="type">事件类型</span>
           <i class="close" value="3"></i>
        </a>
   </div>
   

  <!--问题平台-->
  <div class="form" id="form">
  	<table class="form_wenti">
    <tbody>
      <tr class="title">
        <td class="bt_0"></td>
        <td class="bt_1" id="bt_1">名称</td>
        <td id="wenti_date">
          <a href="javascript:void(0)" class="wenti_date_a" >问题时间</a>
          <div class="wenti_date_option">
            <dl>
               <dt>2015年</dt>
               <dd>
                 <a href="javascript:void(0)">4月</a>
                 <a href="javascript:void(0)">3月</a>
                 <a href="javascript:void(0)">2月</a>
                 <a href="javascript:void(0)">1月</a>                 
               </dd>              
            </dl>
            <dl>
               <dt>2014年</dt>
               <dd>
                 <a href="javascript:void(0)">12月</a>
                 <a href="javascript:void(0)">11月</a>
                 <a href="javascript:void(0)">10月</a>
                 <a href="javascript:void(0)">9月</a>  
                 <a href="javascript:void(0)">8月</a>
                 <a href="javascript:void(0)">7月</a>
                 <a href="javascript:void(0)">6月</a>
                 <a href="javascript:void(0)">5月</a> 
                 <a href="javascript:void(0)">4月</a>
                 <a href="javascript:void(0)">3月</a>
                 <a href="javascript:void(0)">2月</a>
                 <a href="javascript:void(0)">1月</a>               
               </dd>              
            </dl>
            <dl>
               <dt>2013年</dt>
               <dd>
                 <a href="javascript:void(0)">12月</a>
                 <a href="javascript:void(0)">11月</a>
                 <a href="javascript:void(0)">10月</a>
                 <a href="javascript:void(0)">9月</a>  
                 <a href="javascript:void(0)">8月</a>
                 <a href="javascript:void(0)">7月</a>
                 <a href="javascript:void(0)">6月</a>
                 <a href="javascript:void(0)">5月</a> 
                 <a href="javascript:void(0)">4月</a>
                 <a href="javascript:void(0)">3月</a>
                 <a href="javascript:void(0)">2月</a>
                 <a href="javascript:void(0)">1月</a>               
               </dd>              
            </dl> 
            <dl>
               <dt>2012年</dt>
               <dd>
                 <a href="javascript:void(0)">全年</a>             
               </dd>              
            </dl> 
            <dl>
               <dt>2011年</dt>
               <dd>
                 <a href="javascript:void(0)">全年</a>             
               </dd>              
            </dl> 
          </div>
        </td> 
        <td class="by"><a href="javascript:void(0)"  value="online_time">上线时间</a></td> 
        <td class="by"><a href="javascript:void(0)" value="registered_capital">注册资金</a></td> 
        <td  id="wenti_diqu">
          <a href="javascript:void(0)"  class="wenti_diqu_a" >地区</a>
          <div class="wenti_diqu_option">
             <c:forEach items="${provinceList }" var="province">
							<a href="javascript:;" >${province.provinces_name }</a>
			</c:forEach>
          </div>
        </td>
        <td class="by"><a href="javascript:void(0)" value="collecting_amount">待收金额</a></td>
        <td class="by"><a href="javascript:void(0)" value="num">涉及人数</a></td>
        <td id="wenti_shijian">
          <a href="javascript:void(0)"  class="wenti_shijian_a" value="4">事件类型</a>
          <div class="wenti_shijian_option">
           <a  href="javascript:void(0)" value="2">停业</a>
           <a  href="javascript:void(0)" value="1" >提现困难</a>
           <a  href="javascript:void(0)" value="0">跑路</a>
           <a  href="javascript:void(0)" value="3">情况不详</a>   
        </div>
        </td>
      </tr>
      	</tbody>
	</table>
	<div id="question"></div>
	
	 <div class="zhankai" id="zhankai"><a href="javascript:void(0);"></a></div>	
  <div class="shouqi" id="shouqi"><a href="#shju"></a></div> 
  <div class="noguanzhu" style="display:none;">暂无数据！</div>
	</div>



<script type="text/javascript">
/**
 * 平台数据的js
 */
 $(function (){
	 	if($("#last").attr("value")<=15){//判断够不够15个
	 		  }else{
	 			$("#question").css({'height':'710px','overflow':'hidden'});
	 		  	$("#zhankai").show();  
	 		  }
	 	  
	 	  
	 	  $("#zhankai").click(function(){
	 		  $("#zhankai").hide(); 
	 		  $("#shouqi").show();
	 		  $("#question").css({'height':'auto','overflow':'auto'});
	 		  $("#shouqi").css({'position':'fixed','bottom':'0','left':'50%','margin-left':'-500px','background-color':'#fff','border-top':'1px solid #e2e2e2'});
	 		
	 		  });
	     
	     
	     $("#shouqi").click(function(){
	 			$("#shouqi").hide();  
	 			$("#zhankai").show(); 
	 			$("#question").css({'height':'710px','overflow':'hidden'});		 
	 			}); 
	     
	 	
	 	
	 });
/*时间分布/地区分布切换js开始*/
function g1(o){return document.getElementById(o);}
function HoverLiFenbu(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=2;i++){
	
	g1('fenbu_0'+i).className='undis';
	}
	g1('fenbu_0'+n).className='dis';
	
}
//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclic
/*时间分布/地区分布切换js结束*/
</script>
 <script type="text/javascript">
  $(function(){
	// 初始化加载
		$.ajax({
			type: "post",
			data:{"orderby":"desc","column":"problem_time"},
			url: "${basePath}/data/questionTable",
			success: function(data, textStatus){
				$("#question").append(data);
			}});
	  // 排序
	  var orderby = $(".title").find("td[class=by]").find("a");
		orderby.click(function(){
			column = $(this).attr("value");
			//order="";
			if($(this).attr("class")=='visited-1'){
				$(this).attr("class","visited-2");
				orderby="asc";
			}else if($(this).attr("class")=='visited-2'){
				$(this).attr("class","visited-1");
				orderby="desc";
			}else{
				$(".title").find("td[class=by]").find("a").removeAttr("class");
				$(this).attr("class","visited-1");
				orderby="desc";
				
			}
			var paramJson = {};
			paramJson.orderby = orderby;
			paramJson.column = column;
			paramJson.time = $('#wenti_date').find("a[class='wenti_date_a']").text();
			paramJson.area = $('#wenti_diqu').find("a[class='wenti_diqu_a']").text();
			paramJson.type = $('#wenti_shijian').find("a[class='wenti_shijian_a']").text();
			
			$.ajax({
				type: "post",
				data:paramJson,
				url: "${basePath}/data/questionTable",
				success: function(data, textStatus){
					$("#question").html("");
					$("#question").html(data);
				}});
		});
		// 关闭标签事件
		$(".close").click(function(){
			 var paramJson = {};
			 	var cla = $(".title").find("td[class=by]").find("a[class='visited-1']");
			 	
			 	var cc = $(".title").find("td[class=by]").find("a[class='visited-2']");
			 	
			 	if(cla.attr("value")!='undefined'){
			 		paramJson.orderby = 'desc';
			 		paramJson.column = cla.attr("value");
			 	}else{
			 		paramJson.orderby = 'asc';
			 		paramJson.column = cc.attr("value");
			 	}
				paramJson.time = $('#wenti_date').find("a[class='wenti_date_a']").text();
				paramJson.area = $('#wenti_diqu').find("a[class='wenti_diqu_a']").text();
				paramJson.type = $('#wenti_shijian').find("a[class='wenti_shijian_a']").text();
				
				var to = $(this).attr("value");
				if(to=='1'){
					paramJson.time = '问题时间';
					$("#time").text("问题时间");
				}else if(to=='2'){
					paramJson.area = '地区';
			   	 $("#area").text("全国");
		    	}else{
					paramJson.type = '事件类型';
				$("#type").text("事件类型");
				}
				// 刷新列表
				$.ajax({
					type: "post",
					data:paramJson,
					url: "${basePath}/data/questionTable",
					success: function(data, textStatus){
						$("#question").html("");
						$("#question").html(data);
					}});
		});
  });
  
  </script>
  <script>
//时间
$(document).ready(function() {
   
  $('#date').hide();
  $('#date').click(function(){
	  $('#date').hide(); 
	  $('.wenti_date_a').html('问题时间');
	 });
  $('.wenti_date_a').click(function(){
	  if($('.wenti_date_option').is(':hidden')==true)	{
	  $('.wenti_date_option').show();
	  $('.wenti_date_a').css('background-image','url(${basePath}/images/shuju_22_02.png)');		  
	  }else{
		  $('.wenti_date_option').hide();	 
		  $('.wenti_date_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');	 
		  }
	  $('.wenti_shijian_option').hide();
	  $('.wenti_diqu_option').hide();
	  $('.wenti_date_option a').click(function(){
		  var a=$(this).text();
		  var b=$(this).parent().prev().text();
		  $('.wenti_date_a').text(b+a);
		  $('#date span').text(b+a);
		  $('#date').show();
		  $('.wenti_date_option').hide(); 
		  $('.wenti_date_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');
		  
		  var paramJson = {};
		  	var cla = $(".title").find("td[class=by]").find("a[class='visited-1']");
		 	var cc = $(".title").find("td[class=by]").find("a[class='visited-2']");
		 	if(cla.attr("value")!='undefined'){
		 		paramJson.orderby = 'desc';
		 		paramJson.column = cla.attr("value");
		 	}else{
		 		paramJson.orderby = 'asc';
		 		paramJson.column = cc.attr("value");
		 	}
			paramJson.time = $('#wenti_date').find("a[class='wenti_date_a']").text();
			paramJson.area = $('#wenti_diqu').find("a[class='wenti_diqu_a']").text();
			paramJson.type = $('#wenti_shijian').find("a[class='wenti_shijian_a']").text();
			$.ajax({
				type: "post",
				data:paramJson,
				url: "${basePath}/data/questionTable",
				success: function(data, textStatus){
					$("#question").html("");
					$("#question").html(data);
				}});
	  });
	  
  });

//地区
 
  $('#diqu').hide();
  $('#diqu').click(function(){
	  $('#diqu').hide(); 
	  $('.wenti_diqu_a').text('地区');
	  });
  $('.wenti_diqu_a').click(function(){	  
	  if($('.wenti_diqu_option').is(':hidden')==true)	{
	  $('.wenti_diqu_option').show();
	  $('.wenti_diqu_a').css('background-image','url(${basePath}/images/shuju_22_02.png)');		  
	  }else{
		  $('.wenti_diqu_option').hide();	 
		  $('.wenti_diqu_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');	 
		  }
	  $('.wenti_shijian_option').hide();
	  $('.wenti_date_option').hide();
	  $('.wenti_diqu_option a').click(function(){
		  var a=$(this).text();
		  $('.wenti_diqu_a').text(a);
		  $('#diqu span').text(a);
		  $('#diqu').show();
		  $('.wenti_diqu_option').hide(); 
		  $('.wenti_diqu_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');
		  
		  var paramJson = {};
		  	var cla = $(".title").find("td[class=by]").find("a[class='visited-1']");
		 	var cc = $(".title").find("td[class=by]").find("a[class='visited-2']");
		 	if(cla.attr("value")!='undefined'){
		 		paramJson.orderby = 'desc';
		 		paramJson.column = cla.attr("value");
		 	}else{
		 		paramJson.orderby = 'asc';
		 		paramJson.column = cc.attr("value");
		 	}
			paramJson.time = $('#wenti_date').find("a[class='wenti_date_a']").text();
			paramJson.area = $('#wenti_diqu').find("a[class='wenti_diqu_a']").text();
			paramJson.type = $('#wenti_shijian').find("a[class='wenti_shijian_a']").text();
			
			$.ajax({
				type: "post",
				data:paramJson,
				url: "${basePath}/data/questionTable",
				success: function(data, textStatus){
					$("#question").html("");
					$("#question").html(data);
				}});
	  });
	  
  });


// 事件类型
   
  $('#shijian').hide();
    $('#shijian').click(function(){
	  $('#shijian').hide(); 
	  $('.wenti_shijian_a').text('事件类型');
	  });
	$('.wenti_shijian_a').click(function(){
		
		if($('.wenti_shijian_option').is(':hidden')==true)	{
		$('.wenti_shijian_option').show();
		$('.wenti_shijian_a').css('background-image','url(${basePath}/images/shuju_22_02.png)');		  
		}else{
			$('.wenti_shijian_option').hide();	 
			$('.wenti_shijian_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');	 
			}
		$('.wenti_diqu_option').hide();
		$('.wenti_date_option').hide();
		$('.wenti_shijian_option a').click(function(){
			var a=$(this).text();
			$('.wenti_shijian_a').text(a);			
			$('#shijian span').text(a);
			$('#shijian').show();
			$('.wenti_shijian_option').hide(); 
			$('.wenti_shijian_a').css('background-image','url(${basePath}/images/shuju_22_01.png)');
			
			var paramJson = {};
			var cla = $(".title").find("td[class=by]").find("a[class='visited-1']");
		 	var cc = $(".title").find("td[class=by]").find("a[class='visited-2']");
		 	if(cla.attr("value")!='undefined'){
		 		paramJson.orderby = 'desc';
		 		paramJson.column = cla.attr("value");
		 	}else{
		 		paramJson.orderby = 'asc';
		 		paramJson.column = cc.attr("value");
		 	}
			paramJson.time = $('#wenti_date').find("a[class='wenti_date_a']").text();
			paramJson.area = $('#wenti_diqu').find("a[class='wenti_diqu_a']").text();
			paramJson.type = $('#wenti_shijian').find("a[class='wenti_shijian_a']").text();
			$.ajax({
				type: "post",
				data:paramJson,
				url: "${basePath}/data/questionTable",
				success: function(data, textStatus){
					$("#question").html("");
					$("#question").html(data);
			}});
		});
	});
//导航浮动
  $(document).scroll(function(){
  	var heigh=$(document).scrollTop();
  	var heightOne = $("#question").height();
  	$(".guanjianci").show();
  	 
  	if(heigh>668){
  	  $('.wenti_shijian_option').hide(); 
	  $('.wenti_diqu_option').hide();
	  $('.wenti_date_option').hide();
   $(".guanjianci").css({'position':'fixed','top':'0','left':'50%','margin-left':'-500px','width':'1000px','z-index':'1000'});  
   if($("#time").text()!="问题时间" || $("#area").text()!="全国" || $("#type").text()!="事件类型"){
  	  $("table tbody tr.title").css({'position':'fixed','top':'30px','left':'50%','margin-left':'-500px','width':'1000px','box-shadow':'0 3px 5px #e2e2e2'});
  	$(".wenti_date_option").css({'position':'fixed','left':'50%','top':'67px','margin-left':'-500px','box-shadow':'0 3px 5px #e2e2e2'}); 
    $(".wenti_diqu_option").css({'position':'fixed','left':'50%','top':'67px','margin-left':'-180px','box-shadow':'0 3px 5px #e2e2e2'}); 
    $(".wenti_shijian_option").css({'position':'fixed','left':'50%','top':'67px','margin-left':'364px','box-shadow':'0 3px 5px #e2e2e2'}); 
   }else{
   $("table tbody tr.title").css({'position':'fixed','top':'0px','left':'50%','margin-left':'-500px','width':'1000px','box-shadow':'0 3px 5px #e2e2e2'});
	$(".wenti_date_option").css({'position':'fixed','left':'50%','top':'37px','margin-left':'-500px','box-shadow':'0 3px 5px #e2e2e2'}); 
    $(".wenti_diqu_option").css({'position':'fixed','left':'50%','top':'37px','margin-left':'-180px','box-shadow':'0 3px 5px #e2e2e2'}); 
    $(".wenti_shijian_option").css({'position':'fixed','left':'50%','top':'37px','margin-left':'364px','box-shadow':'0 3px 5px #e2e2e2'}); 
   }
	if(heigh>(heightOne+640)){
		$(".title").hide();
		$(".guanjianci").hide();
	}else{
	$(".title").show();
	$(".guanjianci").show();
	}
	if(heigh>(heightOne-206)){
			$("#shouqi").hide();
		}else{
			$("#shouqi").show();
		}
 	
      }else{
    	  $(".guanjianci").css({'position':'relative','top':'0','left':'50%','margin-left':'-500px','width':'1000px','z-index':'1000'});    
    	   $("table tbody tr.title").css({'position':'relative','top':'0','left':'0','margin-left':'0','width':'100%'});
    	   $(".wenti_date_option").css({'position':'absolute','top':'37px','left':'-200px','margin-left':'0','box-shadow':'0 3px 5px #e2e2e2'});
    	   $(".wenti_diqu_option").css({'position':'absolute','top':'37px','left':'-200px','margin-left':'0','box-shadow':'0 3px 5px #e2e2e2'}); 
    	   $(".wenti_shijian_option").css({'position':'absolute','top':'37px','left':'4px','margin-left':'0','box-shadow':'0 3px 5px #e2e2e2'});
  	}
  });

  
});

</script>
